
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>个人中心 - Cloud Lab</title>

    <!--引入css-->
    <link rel="shortcut icon" href="../img/logo_img.png">
    <link rel="stylesheet" href="../static/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../static/highlight.js/9.8.0/monokai-sublime.min.css">
    <link rel="stylesheet" href="../app/css/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="../app/css/libs/katex/0.6.0/katex.min.css">
    <link rel="stylesheet" href="../app/css/libs/videojs/5.11.7/video-js.min.css">
    <link rel="stylesheet" href="../app/css/dest/styles.css?=2016121272249">
</head>

<body>
<!--网页顶部 导航栏-->
<script src="../model/topHtmlExpectIndex.js"></script>


<div class="container layout layout-margin-top">
    <div class="row">
        <div class="col-md-9 layout-body">
            <div class="sidebox">
                <div class="sidebox-header">
                    <h4 class="sidebox-title">个人信息</h4>
                </div>
                <div class="sidebox-body course-content side-list-body">
                    <table class="table table-striped">
                        <tr class="active">
                            <td>账号：</td>
                            <td id="myId">--</td>
                        </tr>
                        <tr class="success">
                            <td>姓名：</td>
                            <td id="name">--</td>
                        </tr>
                        <tr class="warning">
                            <td>性别：</td>
                            <td id="sex">--</td>
                        </tr>
                        <tr class="danger">
                            <td>电话：</td>
                            <td id="tel">--</td>
                        </tr>
                        <tr class="info">
                            <td>电子邮箱：</td>
                            <td id="email">--</td>
                        </tr>
                    </table>
                    <button type="button" class="btn btn-primary" onclick="changePassword()">修改密码</button>
                    <button type="button" class="btn btn-success" onclick="changeUserInformation()">修改信息</button>

                </div>
            </div>
        </div>
        <div class="col-md-3 layout-side">
            <div class="panel panel-default panel-userinfo">
                <div class="panel-body body-userinfo">
                    <div class="media userinfo-header">
                        <div class="media-left">
                            <div class="user-avatar">

                                <a class="avatar">
                                    <img class="circle" src="../img/logo_img.png">
                                </a>

                            </div>
                        </div>
                        <div class="media-body">

                            <span class="media-heading username">Cloud Lab</span>
                            <p class="vip-remain">代码改变世界，编程创造未来</p>

                        </div>
                    </div>
                    <div class="row userinfo-data">
                    </div>
                    <div class="userinfo-footer row">
                    </div>
                </div>
            </div>
            <div class="sidebox">

                <div class="sidebox-header">
                    <h4 class="sidebox-title">我的课程</h4>
                </div>
                <div class="sidebox-body course-content side-list-body" id="myCourses">
                    正在加载，请稍后...
                </div>

            </div>
        </div>
    </div>
</div>

<!--弹窗  弹出错误-->
<a data-toggle="modal" data-target="#createCourseError" id="showCreateCourseError" onclick="return false;"></a>
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="createCourseErrorModalLabel" id="createCourseError">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="createCourseErrorModalLabel">错误</h4>
            </div>
            <div class="modal-body" id="createCourseErrorInfo">
                表单填写有误！
            </div>
        </div>
    </div>
</div>
<!--弹窗  改变密码-->
<a data-toggle="modal" data-target="#changePasswordForm" id="changePasswordHref" onclick="return false;"></a>
<div class="modal fade" id="changePasswordForm" tabindex="-1" role="dialog" aria-labelledby="changePasswordFormLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="changePasswordFormLabel">修改密码</h4>
            </div>
            <div class="modal-body">
                <form>
                    <div class="form-group">
                        <label for="oldPassword" class="control-label">原密码</label>
                        <input type="password" class="form-control" id="oldPassword" name="oldPassword">
                    </div>
                    <div class="form-group">
                        <label for="newPassword" class="control-label">新密码</label>
                        <input type="password" class="form-control" id="newPassword" name="newPassword">
                    </div>
                    <div class="form-group">
                        <label for="confirmPassword" class="control-label">确认密码</label>
                        <input type="password" class="form-control" id="confirmPassword" name="confirmPassword">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="confirmChangePassword()">确定</button>
            </div>
        </div>
    </div>
</div>
<!--弹窗  改变用户信息-->
<a data-toggle="modal" data-target="#changeUserInformationForm" id="changeUserInformationHref" onclick="return false;"></a>
<div class="modal fade" id="changeUserInformationForm" tabindex="-1" role="dialog" aria-labelledby="changeUserInformationFormLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="changeUserInformationFormLabel">修改个人信息</h4>
            </div>
            <div class="modal-body">
                <form>
                    <div class="form-group">
                        <label for="userPassword" class="control-label">密码</label>
                        <input type="password" class="form-control" id="userPassword" name="userPassword">
                    </div>
                    <div class="form-group">
                        <label for="userName" class="control-label">姓名</label>
                        <input type="text" class="form-control" id="userName" name="userName" maxlength="30">
                        <p style="color: red;">*姓名长度不能超过30</p>
                    </div>
                    <div class="form-group">
                        <label for="userSexMan" class="control-label">性别</label>
                        <input type="radio" name="userSex" id="userSexMan" value="男" checked> 男
                        <input type="radio" name="userSex" id="userSexWoman" value="女"> 女
                    </div>
                    <div class="form-group">
                        <label for="userTel" class="control-label">电话</label>
                        <input type="tel" class="form-control" id="userTel" name="userTel" maxlength="11">
                    </div>
                    <div class="form-group">
                        <label for="userEmail" class="control-label">电子邮箱</label>
                        <input type="email" class="form-control" id="userEmail" name="userEmail" maxlength="50">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="changeUserInformationForm()">确定</button>
            </div>
        </div>
    </div>
</div>

<!--网页登录弹窗-->
<script src="../model/loginHtml.js"></script>
<!--网页底部  导航栏-->
<script src="../model/bottomExpectIndex.js"></script>

<script src="../app/dest/lib/lib.js?=2016121272249"></script>
<script src="../static/jquery/2.2.4/jquery.min.js"></script>
<script src="../static/ace/1.2.5/ace.js"></script>
<script src="../static/aliyun/aliyun-oss-sdk-4.3.0.min.js"></script>
<script src="../static/highlight.js/9.8.0/highlight.min.js"></script>
<script src="../static/jspdf/1.2.61/jspdf.min.js"></script>
<script src="../static/plupload/2.1.9/js/plupload.full.min.js"></script>
<script src="../static/zeroclipboard/2.2.0/ZeroClipboard.min.js"></script>
<script src="../static/videojs/video.min.js"></script>
<script src="../static/bootstrap-tour/0.11.0/js/bootstrap-tour.min.js"></script>
<script src="../static/bootstrap-table/1.11.0/bootstrap-table.min.js"></script>
<script src="../static/bootstrap-table/1.11.0/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="../static/bootstrap-table/1.11.0/extensions/filter-control/bootstrap-table-filter-control.min.js"></script>

<script src="../static/ravenjs/3.7.0/raven.min.js"></script>
<script src="../app/dest/course/index.js?=2016121272249"></script>
<script src="js/index.js"></script>
</body>
</html>
